import React from "react"
import PropTypes from "prop-types"
import "./index.scss"
import EndPop from "../../components/pops/endPop"

class Index extends React.Component {
  static contextTypes = {
    router: PropTypes.object.isRequired,
  }
  constructor(props) {
    super(props)
    this.state = {}
  }
  componentWillMount() {}
  componentDidUpdate() {}
  componentDidMount() {
    document.title = "布鲁可漫游闵行创意拼搭大赛"
  }
  componentWillUnmount() {}

  render() {
    return (
      <div className="index-container">
        {/* <img
          className="index-bkg"
          src={require('../../static/index/img_shouye_bg@3x.png')}
          alt=""
        /> */}
        <div className="index-bkg-area">
          <div className="active-title">
            <div className="title-text">活动介绍</div>
          </div>
        </div>

        <div className="activite-main">
          <div className="part">
            布鲁可漫游闵行创意拼搭大赛由闵行区文化和旅游局、闵行区教育局联合主办，面向广大少年儿童推出的一项集艺术、科技、创意、行走、体验观赏、动手实践为一体的综合素养公益展示活动。
            <br />
            活动旨在引导广大儿童及亲子家庭关注闵行城市发展，了解闵行历史文化，感受闵行特色旅游。鼓励孩子和家长相互协作，齐心协力，共同完成创意搭建，增进互动和交流。同时培育少年儿童爱祖国、爱家乡、爱生活的美好情感。
          </div>
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-one" />
              活动时间
            </div>
            <div>
              <div>
                线上初赛作品上传时间：
                <span className="red-font">2020年7月6日至8月15日</span>
              </div>
              <div>
                线下总决赛时间：
                <span className="red-font">2020年9月12日</span>
              </div>
            </div>
          </div>
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-two" />
              构建主题
            </div>
            <div>
              <span className="left-red-icon" />
              可从下述主题任意选择其中一个作为参赛主题，可包括但不限于以下内容
            </div>
            <div>
              如：
              <br />
              1． 主题乐园 <br />
              &nbsp;&nbsp;&nbsp;&nbsp;【锦江乐园／热带风暴等】 <br />
              2． 园林古镇 <br />
              &nbsp;&nbsp;&nbsp;&nbsp;【七宝老街／召稼楼古镇／韩湘水博园等】
              <br /> 3． 公园及艺术场馆 <br />
              &nbsp;&nbsp;&nbsp;&nbsp;【体育公园／博物馆／海派艺术馆等】 <br />
              4． 特色建筑体（群） <br />
              &nbsp;&nbsp;&nbsp;&nbsp;【上海中欧街／爱琴海购物中心等】
              <br />
              5． 公共文旅建筑
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;【虹桥综合交通枢纽／春申文化广场等】
            </div>
            <div style={{ marginTop: "12px" }}>
              <span className="left-red-icon" />
              拼搭要求：以整体原创作品形象呈现，展示闵行区域内文化和旅游地标性建筑、特色景观和设施等。
            </div>
            <div></div>
          </div>
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-three" />
              构建材料及尺寸信息
            </div>
            <div style={{ paddingTop: "6px" }}>
              <span className="left-red-icon" />
              <span className="red-font">材料：</span>
              <br />
              大赛限定使用积木作为拼搭材料（建议使用布鲁可积木）。
              <br />
              <div className="paddingTop24">
                <span className="left-red-icon" />
                <span className="red-font">尺寸：</span>
                <br />
                拼搭范围不小于32cm×32cm×32cm，可在限定空间范围内附加辅助材料丰富作品呈现。
                <br />
                <img
                  className="demo-img"
                  src={require("../../static/index/img_jieshao_peitu@3x.png")}
                  alt=""
                />
              </div>
            </div>
          </div>
          {/* 参赛对象 */}
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-four" />
              参赛对象
            </div>
            <div>
              <span className="left-red-icon" />
              <span className="red-font">年龄限制：</span>
              <br />
              本次活动仅面向3-10岁儿童及其家庭或学校团体参赛。 <br />
            </div>
            <div className="paddingTop24">
              <span className="left-red-icon" />
              <span className="red-font">团体选择：</span>
              <br />
              参赛团队可自行选择学校团队参赛或家庭团队参赛，每个团队参赛人数不得超过5人。{" "}
              <br />
            </div>
          </div>
          {/* 线上初赛规则 */}
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-five" />
              线上初赛规则
            </div>
            <div>
              <span className="left-red-icon" />
              <span>初赛作品上传时间：2020年7月6日至8月15日；</span>
            </div>
            <div>
              <span className="left-red-icon" />
              <span>
                初赛使用拼搭材料：用户自备积木作为拼搭材料（建议使用布鲁可积木）
              </span>
            </div>
            <div>
              <span className="left-red-icon" />
              <span>
                组委会将邀请闵行区城市建筑设计专家、布鲁可积木拼搭专家等对作品综合评定，通过拼搭、展示、分享、答辩等形式，呈现闵行区建筑拼搭作品；经组委会选拔，家庭团队与校园团队选手各10组，将到活动现场参加线下总决赛；
              </span>
            </div>
            <div className="paddingTop24">
              <span className="left-red-icon" />
              <span>
                入围决赛的20组选手，活动承办方将赠送线下课程并辅导选手熟悉布鲁可积木的拼搭方法，线下指导课程时间为2020年8月17日-8月31日期间。
              </span>
            </div>
          </div>
          {/* 线下总决赛规则 */}
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-six" />
              线下总决赛规则
            </div>
            <div>
              <span className="left-red-icon" />
              <span className="red-font">决赛时间：</span>
              <br />
              2020年9月12日上午9:00-12:00为总决赛作品拼搭时间；下午14:00开始进行总决赛评选；
            </div>
            <div className="paddingTop24">
              <span className="left-red-icon" />
              <span className="red-font">决赛使用拼搭材料：</span>
              <br />
              决赛当天，由组委会提供布鲁可积木创造大师系列-我的乐园积木桶、布鲁可积木创造大师系列-我的家积木桶；
              <img
                className="jieshao-ing"
                src={require("../../static/index/img_jieshao_peitu2@3x.png")}
                alt=""
              />
            </div>
            <div>
              <span className="left-red-icon" />
              <span className="red-font">决赛赛程：</span>
              <br />
              决赛当天上午3小时同时搭建→下午14:00开始，评委提问→选手本人2分钟介绍→评委评分→选手完赛等待比赛结果→颁奖表彰；
              <br />
              优秀作品将依托微信、网络等平面媒体进行展示、分享活动成果。
            </div>
          </div>
          {/* 奖品设置： */}
          <div className="part">
            <div className="title-item">
              <div className="title-icon title-seven" />
              奖品设置：
            </div>
            <div className="jiangpin-item">
              <div style={{ display: "flex", alignItems: "center" }}>
                <img
                  className="jiangpin-img"
                  src={require("../../static/index/icon_jiangpai_1@3x.png")}
                  alt=""
                />
                <span className="red-font">一等奖（家庭组、学校组各一组）</span>
                <br />
              </div>
              3000元现金奖金以及价值5000元布鲁可积木大礼包；
            </div>
            <div className="jiangpin-item">
              <div style={{ display: "flex", alignItems: "center" }}>
                <img
                  className="jiangpin-img"
                  src={require("../../static/index/icon_jiangpai_2@3x.png")}
                  alt=""
                />
                <span className="red-font">二等奖（家庭组、学校组各两组）</span>
                <br />
              </div>
              2000元现金奖金以及价值3000元布鲁可积木大礼包；
            </div>
            <div className="jiangpin-item">
              <div style={{ display: "flex", alignItems: "center" }}>
                <img
                  className="jiangpin-img"
                  src={require("../../static/index/icon_jiangpai_3@3x.png")}
                  alt=""
                />
                <span className="red-font">三等奖（家庭组、学校组各两组）</span>
                <br />
              </div>
              1000元现金奖金以及价值1000元布鲁可积木大礼包；
            </div>
            <div className="jiangpin-item">
              <div style={{ display: "flex", alignItems: "center" }}>
                <img
                  className="jiangpin-img"
                  src={require("../../static/index/icon_jiangpai_4@3x.png")}
                  alt=""
                />
                <span className="red-font">优秀奖（家庭组、学校组各五组）</span>
                <br />
              </div>
              价值559元布鲁可积木桌面系统一套。
            </div>
            <div className="jiangpin-item">
              <span className="left-red-icon" />
              <span>
                注：以上现金奖金已代扣代缴个税，领取金额是代扣代缴税费后的金额。
              </span>
            </div>
          </div>
        </div>
      </div>
    )
  }
}

export default Index
